<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <title>VK Memory</title>


        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js" type="text/javascript"></script>
        <script src="http://vkontakte.ru/js/api/openapi.js" type="text/javascript"></script>

        <script type="text/javascript">

            var photos = new Array();

            $(function(){
                VK.init({
                    apiId: 2287579
                });

                $('a#vk-login').click(function(event){
                    event.preventDefault();
                    VK.Auth.login(null, VK.access.PHOTOS);
                    return false;
                });

                $('a#vk-logout').click(function(event){
                    event.preventDefault();
                    VK.Auth.logout(function(){
                        refreshPage(false);
                    });
                });

                VK.Auth.getLoginStatus(function(response){
                    if(response.session)
                    {
                        VK.Api.call('photos.getAll', {
                            owner_id : 43551129
                        }, function( data ){

                            if( !data.error && data.response.length > 0)
                            {

                                console.log( data );

                            }

                        });

//                        VK.Api.call('friends.get', {
//                            fields: 'photo_rec, rate'
//                        }, function(data){
//                            if(!data.error)
//                            {
//                                if(data.response.length > 0)
//                                {
////                                    console.log(data.response);
//                                    for(i = 0; i < data.response.length; i++)
//                                    {
//                                        var friend = data.response[i];
//                                        if(friend.photo_rec && friend.photo_rec.indexOf('images/question_c.gif') == -1)
//                                        {
////                                            console.log( friend );
//                                            photos.push({
//                                                photo: friend.photo_rec,
//                                                first_name: friend.first_name,
//                                                last_name: friend.last_name,
//                                                rate : friend.rate,
//                                                id: friend.uid
//                                            });
//                                        }
//                                    }
//
////                                    console.log(data.response);
//                                }
//                                initPhotos( photos );
//                            }
//                            else
//                            {
//                                if(data.error.error_code == 7)
//                                {
//                                    isLogged = false;
//                                    $('div#login-bar').show();
//                                    $('div#logout-bar').hide();
//                                    $.unblockUI();
//                                }
//                                else
//                                {
//                                    showError(data.error.error_msg);
//                                }
//                            }
//                        });
                    }
                    else
                    {
                        VK.Observer.subscribe('auth.login', function(response){
                            refreshPage(true);
                        });
                        VK.Observer.subscribe('auth.sessionChange', function(response){
                            refreshPage(true);
                        });
                    }
                });

            });



            var isLogged = false;
            function refreshPage(checkLogged)
            {
                if((checkLogged && !isLogged) || !checkLogged)
                {
                    location.href = 'index.php';
                }
            }

            function initPhotos( photos )
            {
                var avatars = $("div#avatars");
                for( var i in photos )
                {
                    var boxItem = $("<div />").css({
                        'float' : 'left',
                        'width' : '150px'
                    });
                    var aImg = $("<a />").attr('href', 'http://vkontakte.ru/id' + photos[i].id).attr('target', '_blank');
                    var img = $("<img />").attr( 'src', photos[i].photo );
                    aImg.append( img );
                    var contactsBox = $("<div />");
                    var name = $("<div />");
                    name.html( photos[i].first_name + " " + photos[i].last_name );
                    contactsBox.append( name );

                    boxItem.append( aImg );
                    boxItem.append( contactsBox );

                    avatars.append( boxItem );

                    console.log(photos[i].rate);
                }
            }
            
        </script>

    </head>
    
    <body>

        <center>

            <div style="text-align: center;">
                <a href="#" id="vk-login">Авторизуватись</a>
            </div>
            <div style="text-align: center;">
                <a href="#" id="vk-logout">Вийти</a>
            </div>

            <div id="avatars" style="width: 800px; border: solid 1px #000;">
                
            </div>

        </center>

    </body>

</html>